
                                   
                                    $(function(){

                                        var act = '';
                                        var html = '';
                                        var price = '';
                                        $.get('/details-attr',{id:id},function(res){
                                           if(res){
                                                $("#load-attr").fadeOut();
                                                $("#attr").show();
                                               

                                                $.each(res,function(k,v){
                                                     
                                                      html += '<h7 id="'+k+'">'+k+'</h7><ul class="attr-insert" >';
                                                      $(v).each(function(z,a){
                                                        // alert(a.attr_price);
                                                        if(a.attr_price === null){
                                                            price = '';
                                                        }else{
                                                            price = '<span class="prices">'+window.parseInt(a.attr_price)+'元</span>';
                                                        }
                                                         html += '<li class="zs" data-name="'+a.attr_value+'" data-price="'+a.attr_price+'"><a href="javascript:void(0);" style="padding:0 20px;"><span class="float-left" data-value="'+a.attr_value+'">'+a.attr_value+'</span>'+price+'</a></li>';
                                                      })

                                                      html += '</ul>'
                                                     

                                                })
 
                                                $("#attr-box").html(html);
                                                if($("#attr-box").html != null)
                                                {
                                                   
                                                   $.each($(".attr-insert"),function(n,m){ 

                                                      $(this).find('li:first').addClass("active");
                                                      $(this).find('li:first').css("border",'1px solid orange');
                                                      $(this).find('li:first').find('span').addClass('zs');
 

                                                      $(this).find("li").click(function(){

                                                      var pc = $(this).attr('data-price');

                                                      if(pc != 'null')
                                                      {
                                                        $("#price-default").text(pc);
                                                      } 
                                                       $(this).siblings().removeClass('active')
                                                       $(this).siblings().css("border",'1px solid #eee');
                                                       $(this).addClass('active');
                                                       $(this).css("border",'1px solid orange');

                                                   })
                                                   })

                                                   if($(".attr-insert li").hasClass('active')){
                                                   $("#price-default").text($(this).attr('data-value'));

                                                   }
                                                   
                                                   
                                                }
                                            }
                                                
                                        })
                                    })

function getOneAttr(url,id) 
{
	var  _companyprofile = $("#companyprofile");
	var html = '';
	html+='<div class="text-left" style="height:100px;line-height:100px;"><h4>商品参数</h4></div>';

	          html += '<table class="table" id="tab-info" style="" >';
          html += '<tbody >';
	$.get(url, {"id":id}, function(rsp){ 
		$.each(rsp,function(k,v){        
             html += "<tr style=' height: 10%;'>";
             html += '<td  class="text-dark">'+v.attr_name+'</td><td class="text-dark">'+v.attr_value+'</td>';
             html += "</tr>";

            
	    })

	html += '</tbody>';

          html += '</table>' 


	    _companyprofile.html(html);
          
	})
}